<!DOCTYPE html>
<html lang="zh-CN">
{%  load staticfiles %}
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="applicable-device" content="pc,mobile">

    <title>登陆</title>

    <!--JQUERY -->
    <!--模版的方式渲染本地的jquery。这里也可以去渲染服务 -->
    <script src="{% static 'script/common/jquery-3.1.1.min.js' %}"></script>
    <script src="https://img.jigao616.com/js/html5shiv.min.js"></script>
    <script src="{% static 'script/common/common.js' %}"></script>
    <script src="{% static 'script/login/login.js' %}"></script>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="http://www.rpcomputationalbiology.cn/static/style.css">
    <link rel="stylesheet" href="http://www.rpcomputationalbiology.cn/static/css/button.css">
    <!-- Bootstrap core CSS -->
    <link href="{% static 'css/login/login.css' %}" rel="stylesheet">
    <link href="{% static 'css/index/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/common/common.css' %}" rel="stylesheet">
    <link href="https://img.jigao616.com/css/style.css" rel="stylesheet">

</head>
<body>
<header class="header-area">
    <!-- Top Header Area -->
    <div class="top-header-area d-flex justify-content-between align-items-center">
    </div>
    <!-- Navbar Area -->
    <div id="sticky-wrapper" class="sticky-wrapper is-sticky" style="height: 80px;">
        <div class="clever-main-menu" style="width: 100%; position: fixed; top: 0px; z-index: inherit;">
        <div class="classy-nav-container light left breakpoint-off">
            <!-- Menu -->
            <nav class="classy-navbar justify-content-between" id="cleverNav">

                <!-- Logo -->
                <a class="nav-brand" href="/index"><img src="{% static 'image/logo4.png' %}" alt="" style="width:550px;height:80px;margin-right:15px"></a>

                <!-- Navbar Toggler -->
                <div class="classy-navbar-toggler">
                    <span class="navbarToggler"><span></span><span></span><span></span></span>
                </div>

                <!-- Menu -->
                <div class="classy-menu">

                    <!-- Close Button -->
                    <div class="classycloseIcon">
                        <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                    </div>

                    <!-- Nav Start -->
                    <div class="classynav">
                        <ul>
                            <li><a href="/index">主页</a></li>
                            <li ><a href="/visual">例子</a>
                            <li ><a href="/mysystem">预测</a>
                            <li><a href="/incidence">发病情况</a></li>
                            <li><a href="/inform/inform">研究现状</a></li>
                            <li><a href="/upfile">上传</a></li>
                        </ul>

<!--                        &lt;!&ndash; Search Button &ndash;&gt;-->
<!--                        <div class="register-login-area">-->
<!--                            <a href="/analysis" class="btn active">Run TPP</a>-->
<!--                        </div>-->

                        <!-- Register / Login -->
                        <div class="register-login-area">
                            <a href="/user/register" class="btn">注册</a>
                            <a href="/user/login" class="btn">登录</a>
                        </div>

                    </div>
                    <!-- Nav End -->
                </div>
            </nav>
        </div>
    </div></div>
</header>
<!--<div  class="container" style="height: 400px">-->
    <div class="login-wrap" style="height: 700px;">
          <div class="form-popover" style="margin-bottom:1px ">
              <div class="form-hd">Hi！欢迎登录</div>
              <div class="form-body" >
                      <form method="post" action="/user/dologin"  id="from1">
                      {% csrf_token %}
<!--                  <div class="form-row" id="emaildiv" style="display: none">-->
<!--                      <div class="hd">邮箱地址</div>-->
<!--                      <div class="bd" style="width:280px">-->
<!--                          <input name="email" type="text" id="email" placeholder="邮箱地址">-->
<!--                      </div>-->
<!--                  </div>-->

<!--                  <div class="form-row" id="teldiv" >-->
<!--                      <div class="hd">手机号码</div>-->
<!--                      <div class="bd" style="width:280px" >-->
<!--                          <input name="tel" type="text" id="username" placeholder="您的手机号码">-->
<!--                      </div>-->
<!--                  </div>-->

                  <div class="form-row" id="teldiv">
                      <div class="hd">用户名</div>
                      <div class="bd" style="width:280px">
                          <input name="username" type="text" id="username" placeholder="邮箱/手机">
                      </div>
                  </div>
                  <div class="form-row">
                      <div class="hd">密码</div>
                      <div class="bd" style="width:280px">
                          <input name="password" type="password" id="password" placeholder="密码">
                      </div>
                  </div>

<!--                  <div class="form-row">-->
<!--                      <div class="hd">密码</div>-->
<!--                      <div class="bd" style="width:280px">-->
<!--                          <input name="password2" type="password" id="password2" placeholder="重复输入密码">-->
<!--                      </div>-->
<!--                  </div>-->

<!--                  <div class="checkbox">-->
<!--                      <label>-->
<!--                           <input name="cb1" type="checkbox" id="cb1"> 登陆保持90天-->
<!--                      </label>-->
<!--                  </div>-->

                  <div class="form-footer">
                      <input type="submit" name="Button1" value="&nbsp;&nbsp;用户登陆&nbsp;&nbsp;" onclick="" id="Button1" class="btn btn-submit"><br><br>
<!--                      <input type="button" name="button2" value="&nbsp;&nbsp;邮箱登陆&nbsp;&nbsp;" onclick="" id="switch" class="btn btn-submit">-->
                      <span id="tishi" style="color :red">{{ msg }}</span>

                      <span data-val-controltovalidate="email" data-val-errormessage="请输入邮箱地址" data-val-display="Dynamic" data-val-validationgroup="a" id="Requr1" data-val="true" data-val-evaluationfunction="RequiredFieldValidatorEvaluateIsValid" data-val-initialvalue="" style="color:#FF3300;display:none;">请输入邮箱地址</span>
                      <span data-val-controltovalidate="username" data-val-errormessage="请输入用户名" data-val-display="Dynamic" data-val-validationgroup="a" id="Rtor1" data-val="true" data-val-evaluationfunction="RequiredFieldValidatorEvaluateIsValid" data-val-initialvalue="" style="color:#FF3300;display:none;">请输入用户名</span>
                      <span data-val-controltovalidate="password" data-val-errormessage="请输入密码" data-val-display="Dynamic" data-val-validationgroup="a" id="Requr1" data-val="true" data-val-evaluationfunction="RequiredFieldValidatorEvaluateIsValid" data-val-initialvalue="" style="color:#FF3300;display:none;">请输入密码</span>
                      <span data-val-controltovalidate="password2" data-val-errormessage="俩次密码输入不一致" data-val-display="Dynamic" data-val-validationgroup="a" id="Cr1" data-val="true" data-val-evaluationfunction="CompareValidatorEvaluateIsValid" data-val-controltocompare="password" data-val-controlhookup="password" style="color:#FF3300;display:none;">两次密码输入不一致</span>
                  </div>
              </form>
          </div>

          </div>
    </div>
<!--</div>-->



<div class="footer">
    <p>
        <a href="javascript:void(0)">关于我们</a>
        <span class="line">|</span>
        <a href="javascript:void(0)">联系我们</a>
        <span class="line"></span>
    </p>
    <p>Copyright © 2018 All Rights Reserved. </p>
    <p> <a href="javascript:void(0)" target="_blank" rel="nofollow">XICP备xxxxx号-x</a>公网安备 xxxxxxxxxx号 归xxx所有</p>
</div>
</body>
</html>